<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>TweenMax</title>
    <style type="text/css">
    .grey{ width: 100px; height: 100px; border: 1px solid #DDD; }
    </style>
</head>
<body>
    <div class="grey greyA">greyA 1</div>
    <div class="grey greyA">greyA 2</div>
    <div class="grey greyA">greyA 3</div>

    <div class="grey greyB">greyB 1</div>
    <div class="grey greyB">greyB 2</div>
    <div class="grey greyB">greyB 3</div>
</body>
<script src="https://www.tweenmax.com.cn/greensock-js/minified/TweenMax.min.js"></script>
<script type="text/javascript">
TweenMax.to('.greyA', 2, {
    x: 100,
    //delay:Number  
    //动画开始之前的延迟秒数（以帧为单位时则为帧数）
    delay: 0.5,
    //ease: Ease (or Function or String)
    //过渡效果的速度曲线（缓动效果）
    ease: Bounce.easeOut,
    //paused: Boolean
    //如果设置为true，动画将在创建时立即暂停。默认false
    paused: false,
});
</script>
</html>
